<template>
  <div>
    <router-view></router-view>
    <footer>
      <ul>
        <li @click="shou">首页</li>
        <li @click="car">分类</li>
        <li @click="my">我的</li>
      </ul>
    </footer>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    shou() {
      this.$router.push({ path: "/mor4" });
    },
    car() {
      this.$router.push({ path: "/mor5" });
    },
    my() {
      this.$router.push({ path: "/mor6" });
    },
  },
};
</script>
<style scoped>
footer {
  position: fixed;
  bottom: 0;
  background: lightblue;

  width: 100%;
  height: 20px;
}
footer ul {
  display: flex;
  justify-content: space-between;
}
</style>
